<template>
  <div class="container">
    <h1>内容渲染指令</h1>
    <p v-text="uname">姓名：小鱼卷</p>
    <p v-html="gender">性别：女</p>
    <p>年龄：{age}岁</p>
    <p v-html="info">介绍：是一个非常<strong>聪明的女孩</strong></p>
  </div>
</template>

<script>
export default {
  data () {
    return {
      uname: 'kitty',
      gender: '男',
      age: 18,
      info: '是一个非常可爱的小猫咪'
    }
  }
}
</script>

<style>
  h1 {
    color: #fe7299;
  }
</style>

